<template>
  <div
    v-if="Object.keys(site).length"
    class="bg-f2 pl30 ptb40 f14 c-666"
    :class="isMobile ? 'pr30' : 'pr50'"
  >
    <div
      :class="isMobile ? 'tc' : 'flex justify-between'"
    >
      <img
        :src="site.logo"
        alt=""
      >
      <div
        :class="isMobile ? 'mt15' : 'pr15'"
      >
        <p class="c-000">
          联系我们
        </p>
        <div
          style="color:#55A39E"
          class="f20 b"
        >
          {{ site.contact }}
        </div>
      </div>
    </div>
    <div :class="isMobile ? 'flex-center' : 'flex justify-between'">
      <p
        v-if="!isMobile"
        style="padding-top:80px;"
      >
        {{ site.copyright }}
      </p>
      <div class="flex-center tc mt20">
        <div
          v-for="item in (site.service || [])"
          :key="item.text"
          class="mlr5"
        >
          <img
            style="width: 70px;"
            :src="item.img"
            alt=""
          >
          <p>{{ item.text }}</p>
        </div>
      </div>
    </div>
    <p
      v-if="isMobile"
      class="tc"
      style="padding-top:80px;"
    >
      {{ site.copyright }}
    </p>

    <a-back-top v-if="isMobile">
      <div
        class="w40 h40 flex-center bg-fff"
        style="border-radius:50%;box-shadow:0 0 0 rgba(0,0,0,.05)"
      >
        <img
          :src="site.icon.up"
          alt=""
          width="20px"
        >
      </div>
    </a-back-top>
  </div>
</template>
